import { EmptyState } from '@brightlayer-ui/react-components';
import DevicesIcon from '@mui/icons-material/Devices';
import { Button } from '@mui/material'
import { home_path } from '@/utils/system/system'

const NotFoundPage = () => {
  const goBack = () => {
    window.location.pathname = home_path
  }
  return (
    <EmptyState
      icon={<DevicesIcon fontSize={'inherit'} />}
      title={'404 NOT FOUND'}
      description={'Please click on the button below to go back.'}
      actions={
      <Button variant="contained" color="primary" onClick={() => goBack()}>
        GO BACK
      </Button>
    }
    />
  )
}

export default NotFoundPage